<!-- This test uses a particular image size to avoid hitting flakiness in mesa texture sampling.  See http://crbug.com/621892 for more details. -->
<style>
img {
    transform:translateZ(0);
}
div {
    width: 160px;
    height: 90px;
    display: inline-block;
}
</style>
<div><img style="filter: brightness(1) brightness(2)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(0.2) brightness(1.8)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(0.5) brightness(1.5)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(0.8) brightness(1.2)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(1.2) brightness(0.8)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(1.5) brightness(0.5)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(1.8) brightness(0.2)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(1) brightness(1)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(0.8) grayscale(1)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(0.5) blur(3px)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(1) blur(3px)" src="resources/reference_square.png"></div>
<div><img style="filter: brightness(0.5) drop-shadow(5px 5px 5px red)" src="resources/reference_square.png"></div>
